import React from 'react'
import { Layout } from 'antd'
import Collapse from './btnsComp/Collapse'
import Bread from './btnsComp/Breadcrumb'
import AssembleSize from './btnsComp/AssembleSize'
import Theme from './btnsComp/Theme'
import LangSet from './btnsComp/LangSet'
import FullScreen from './btnsComp/FullScreen'
import Logout from './btnsComp/Logout'
import './index.scss'

const LayoutHeader = () => {
  const { Header } = Layout
  return (
    <Header>
      <div className="header-lf">
        <Collapse />
        <Bread />
      </div>
      <div className="header-rg">
        <AssembleSize />
        <Theme />
        <LangSet />
        <FullScreen />
        <Logout />
      </div>
    </Header>
  )
}

export default LayoutHeader
